// 生产环境配置
// const WebpackDevServer = require('webpack-dev-server');
const webpack = require('webpack');
const join = require('path').join;

module.exports = {
  devtool: "source-map", // 生成map捕获错误映射到源文件
  output: { // 打包输出目录及名称
    filename: "[name].bundle.js", // 生产环境就不用hash了
    path: join(__dirname, "../dist")
  },
  devServer: {
    contentBase: join(__dirname, "../dist"), //默认会以根文件夹提供本地服务器，这里指定文件夹
    historyApiFallback: true, //在开发单页应用时非常有用，它依赖于HTML5 history API，如果设置为true，所有的跳转将指向index.html
    publicPath: "/",
    compress: true,
    port: 8080, //如果省略，默认8080
    // inline: true, // 自动刷新
    hot: true, // 开启热模块替换
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin() // 开启热更新
  ]
}
